﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2.1 详情页（文章）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2_1_详情页（文章）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_2_1_详情页（文章）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机1-wechat) -->

      <!-- Unnamed (手机1) -->

      <!-- Unnamed (微信-微官网详情页) -->

      <!-- Unnamed (图片) -->
      <div id="u1384" class="ax_default image">
        <img id="u1384_img" class="img " src="images/启动页/u119.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1385" class="ax_default image">
        <img id="u1385_img" class="img " src="images/启动页/u120.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1386" class="ax_default _形状">
        <img id="u1386_img" class="img " src="images/启动页/u121.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1387" class="ax_default label1">
        <div id="u1387_div" class=""></div>
        <div id="u1387_text" class="text ">
          <p><span>【港美宝】互联网金融资讯助手</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1388" class="ax_default">
        <div id="u1388_state0" class="panel_state" data-label="状态1" style="">
          <div id="u1388_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u1389" class="ax_default image">
              <img id="u1389_img" class="img " src="images/启动页/u124.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1390" class="ax_default image">
              <img id="u1390_img" class="img " src="images/启动页/u125.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1391" class="ax_default image">
              <img id="u1391_img" class="img " src="images/启动页/u125.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1392" class="ax_default image">
              <img id="u1392_img" class="img " src="images/启动页/u127.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1393" class="ax_default _形状">
              <img id="u1393_img" class="img " src="images/启动页/u128.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1394" class="ax_default _形状">
              <img id="u1394_img" class="img " src="images/启动页/u128.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (顶部菜单栏颜色) -->

      <!-- Unnamed (矩形) -->
      <div id="u1396" class="ax_default _形状">
        <div id="u1396_div" class=""></div>
      </div>

      <!-- Unnamed (微信-微官网详情页) -->

      <!-- Unnamed (图片) -->
      <div id="u1398" class="ax_default image">
        <img id="u1398_img" class="img " src="images/启动页/u119.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1399" class="ax_default image">
        <img id="u1399_img" class="img " src="images/启动页/u120.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1400" class="ax_default _形状">
        <img id="u1400_img" class="img " src="images/启动页/u121.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1401" class="ax_default label1">
        <div id="u1401_div" class=""></div>
        <div id="u1401_text" class="text ">
          <p><span>【港美宝】互联网金融资讯助手</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1402" class="ax_default">
        <div id="u1402_state0" class="panel_state" data-label="State1" style="">
          <div id="u1402_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1403" class="ax_default box_1">
              <div id="u1403_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1404" class="ax_default _三级标题">
              <div id="u1404_div" class=""></div>
              <div id="u1404_text" class="text ">
                <p><span>文章标题文章标题文章标题文章标题文章标题文章标题</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1405" class="ax_default label1">
              <div id="u1405_div" class=""></div>
              <div id="u1405_text" class="text ">
                <p><span>12月03日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1406" class="ax_default box_1">
              <div id="u1406_div" class=""></div>
              <div id="u1406_text" class="text ">
                <p><span>原创</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1407" class="ax_default label1">
              <div id="u1407_div" class=""></div>
              <div id="u1407_text" class="text ">
                <p><span>文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………文字文字图片图片…………</span></p><p><span><br></span></p><p><span>后台是富文本编辑器</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1408" class="ax_default _形状">
        <div id="u1408_div" class=""></div>
        <div id="u1408_text" class="text ">
          <p><span>标题文字</span></p>
        </div>
      </div>

      <!-- 收藏 (矩形) -->
      <div id="u1409" class="ax_default _形状 ax_default_hidden" data-label="收藏" style="display:none; visibility: hidden">
        <img id="u1409_img" class="img " src="images/1_首页/u208.png"/>
        <div id="u1409_text" class="text ">
          <p><span>分享</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1410" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u1410_state0" class="panel_state" data-label="State1" style="">
          <div id="u1410_state0_content" class="panel_state_content">

            <!-- Unnamed (返回) -->

            <!-- Unnamed (图片) -->
            <div id="u1412" class="ax_default image">
              <img id="u1412_img" class="img " src="images/1_1_专题（券商列表页）/u701.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1413" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u1413_div" class=""></div>
        <div id="u1413_text" class="text ">
          <p><span>开发说明：</span></p><p><span>1、此处是 H5 页面。后台使用富文本编辑器。</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1414" class="ax_default">
        <div id="u1414_state0" class="panel_state" data-label="State1" style="">
          <div id="u1414_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1415" class="ax_default box_1">
              <div id="u1415_div" class=""></div>
            </div>

            <!-- Unnamed (举报、回复) -->

            <!-- Unnamed (矩形) -->
            <div id="u1417" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u1417_div" class=""></div>
              <div id="u1417_text" class="text ">
                <p><span>举报</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1418" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u1418_div" class=""></div>
              <div id="u1418_text" class="text ">
                <p><span>回复</span></p>
              </div>
            </div>

            <!-- 点赞0 (动态面板) -->
            <div id="u1419" class="ax_default" data-label="点赞0">
              <div id="u1419_state0" class="panel_state" data-label="State1" style="">
                <div id="u1419_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u1420" class="ax_default image">
                    <img id="u1420_img" class="img " src="images/2_1_文章详情页/u1129.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1421" class="ax_default _形状">
                    <div id="u1421_div" class=""></div>
                    <div id="u1421_text" class="text ">
                      <p><span>0</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 点赞34 (动态面板) -->
            <div id="u1422" class="ax_default ax_default_hidden" data-label="点赞34" style="display:none; visibility: hidden">
              <div id="u1422_state0" class="panel_state" data-label="State1" style="">
                <div id="u1422_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u1423" class="ax_default image">
                    <img id="u1423_img" class="img " src="images/2_1_文章详情页/u1132.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1424" class="ax_default _形状">
                    <div id="u1424_div" class=""></div>
                    <div id="u1424_text" class="text ">
                      <p><span>34</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1425" class="ax_default image">
              <img id="u1425_img" class="img " src="images/2_1_文章详情页/u1134.png"/>
            </div>

            <!-- Unnamed (动态面板) -->
            <div id="u1426" class="ax_default">
              <div id="u1426_state0" class="panel_state" data-label="State1" style="">
                <div id="u1426_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u1427" class="ax_default image">
                    <img id="u1427_img" class="img " src="images/2_1_文章详情页/u1136.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1428" class="ax_default label1">
                    <div id="u1428_div" class=""></div>
                    <div id="u1428_text" class="text ">
                      <p><span>我来说两句…</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (动态面板) -->
            <div id="u1429" class="ax_default">
              <div id="u1429_state0" class="panel_state" data-label="State1" style="">
                <div id="u1429_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u1430" class="ax_default image">
                    <img id="u1430_img" class="img " src="images/2_1_文章详情页/u1139.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1431" class="ax_default label1">
                    <div id="u1431_div" class=""></div>
                    <div id="u1431_text" class="text ">
                      <p><span>328</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 发表评论 (动态面板) -->
      <div id="u1432" class="ax_default ax_default_hidden" data-label="发表评论" style="display:none; visibility: hidden">
        <div id="u1432_state0" class="panel_state" data-label="State1" style="">
          <div id="u1432_state0_content" class="panel_state_content">

            <!-- Unnamed (评论输入框) -->

            <!-- Unnamed (动态面板) -->
            <div id="u1434" class="ax_default">
              <div id="u1434_state0" class="panel_state" data-label="状态1" style="">
                <div id="u1434_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u1435" class="ax_default image">
                    <img id="u1435_img" class="img " src="images/2_1_文章详情页/u1162.png"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u1436" class="ax_default image">
                    <img id="u1436_img" class="img " src="images/2_1_文章详情页/u1163.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1437" class="ax_default _形状">
              <div id="u1437_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- 弹窗-分享选择 (动态面板) -->
      <div id="u1438" class="ax_default ax_default_hidden" data-label="弹窗-分享选择" style="display:none; visibility: hidden">
        <div id="u1438_state0" class="panel_state" data-label="State1" style="">
          <div id="u1438_state0_content" class="panel_state_content">

            <!-- Unnamed (动态面板) -->
            <div id="u1439" class="ax_default">
              <div id="u1439_state0" class="panel_state" data-label="State1" style="">
                <div id="u1439_state0_content" class="panel_state_content">

                  <!-- Unnamed (弹窗-分享) -->

                  <!-- Unnamed (图片) -->
                  <div id="u1441" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
                    <img id="u1441_img" class="img " src="images/2_1_文章详情页/u1162.png"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u1442" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
                    <img id="u1442_img" class="img " src="images/2_1_文章详情页/u1163.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1443" class="ax_default _形状">
                    <div id="u1443_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1444" class="ax_default box_1">
                    <div id="u1444_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1445" class="ax_default primary_button">
                    <div id="u1445_div" class=""></div>
                    <div id="u1445_text" class="text ">
                      <p><span>取消分享</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1446" class="ax_default box_1">
                    <div id="u1446_div" class=""></div>
                    <div id="u1446_text" class="text ">
                      <p><span>图标</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1447" class="ax_default box_1">
                    <div id="u1447_div" class=""></div>
                    <div id="u1447_text" class="text ">
                      <p><span>图标</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1448" class="ax_default box_1">
                    <div id="u1448_div" class=""></div>
                    <div id="u1448_text" class="text ">
                      <p><span>图标</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1449" class="ax_default box_1">
                    <div id="u1449_div" class=""></div>
                    <div id="u1449_text" class="text ">
                      <p><span>朋友圈</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1450" class="ax_default box_1">
                    <div id="u1450_div" class=""></div>
                    <div id="u1450_text" class="text ">
                      <p><span>微信</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u1451" class="ax_default box_1">
                    <div id="u1451_div" class=""></div>
                    <div id="u1451_text" class="text ">
                      <p><span>QQ</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u1452" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u1453" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u1454" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1455" class="ax_default">
        <div id="u1455_state0" class="panel_state" data-label="State1" style="">
          <div id="u1455_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1456" class="ax_default box_1">
              <div id="u1456_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1457" class="ax_default label1">
              <div id="u1457_div" class=""></div>
              <div id="u1457_text" class="text ">
                <p><span>港美宝</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1458" class="ax_default box_1">
              <div id="u1458_div" class=""></div>
              <div id="u1458_text" class="text ">
                <p><span>LOGO</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1459" class="ax_default box_1">
              <div id="u1459_div" class=""></div>
              <div id="u1459_text" class="text ">
                <p><span>下载</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
